<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>推广页面</title>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css"
          integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">
</head>
<body>
<!------------分享内容展示-------------->
<div class="jumbotron">
    <img id="qrcode"
         src="https://mp.weixin.qq.com/cgi-bin/showqrcode?ticket=gQFe8TwAAAAAAAAAAS5odHRwOi8vd2VpeGluLnFxLmNvbS9xLzAyQXdLZnhEVk5jMmwxMDAwME0wMzYAAgT7kUJcAwQAAAAA"
         class="img-fluid" alt="Responsive image">
    <hr class="my-2">
    <h3 class="d-flex justify-content-center">你的专属二维码</h3>
    <p class="lead text-success">用户一但扫码关注酷玩熊,只要在酷玩熊返利购买商品成功你将获得现金</p>
    <hr class="my-4">
    <p class="d-flex justify-content-center">现在就去分享吧!</p>
    <div class="d-flex justify-content-between">
        <a class="btn btn-info btn-lg" href="#" role="button">分享给好友</a>
        <a class="btn btn-primary  btn-lg" href="#" role="button">分享朋友圈</a>
    </div>
</div>

<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
        integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
        crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js"
        integrity="sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut"
        crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js"
        integrity="sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k"
        crossorigin="anonymous"></script>
<script src="//res2.wx.qq.com/open/js/jweixin-1.4.0.js "></script>
</body>
</html>